
<!-- Top header: Main section -->
<div ng-if=":state:enable && extensionPoint === 'nav-buttons-right'" class="hidden-xs hidden-sm">


  <!-- invitation event -->
  <button class="button button-clear icon ion-person-stalker"
          ng-if="login"
          active-link="gray"
          active-link-path-prefix="#/app/invitations"
          ng-click="showInvitationsPopover($event)">
          <span
            ng-if="walletData.invitations.unreadCount"
            class="badge badge-button badge-positive">{{walletData.invitations.unreadCount}}</span>
  </button>

  <!-- messages -->
  <button class="button button-clear icon ion-email"
          ng-if="login"
          active-link="gray"
          active-link-path-prefix="#/app/user/message"
          ng-click="showMessagesPopover($event)">
    <span
      ng-if="walletData.messages.unreadCount"
      class="badge badge-button badge-positive">{{walletData.messages.unreadCount}}</span>
  </button>

  <!-- notifications -->
  <button class="button button-clear icon ion-android-notifications"
          ng-if="login"
          active-link="gray"
          active-link-path-prefix="#/app/notifications"
          ng-click="showNotificationsPopover($event)">
    <span
      ng-class="{'badge-positive': !walletData.notifications.warnCount, 'badge-assertive': walletData.notifications.warnCount}"
      ng-if="walletData.notifications.unreadCount || walletData.notifications.warnCount"
      class="badge badge-button ">{{walletData.notifications.unreadCount+walletData.notifications.warnCount}}</span>
  </button>
</div>

<!-- Left menu: User section -->
<div ng-if=":state:enable && extensionPoint === 'menu-user'" class="visible-xs visible-sm">

  <a menu-close class="item item-icon-left" active-link="active"
     ng-if="login && walletData.isMember"
     active-link-path-prefix="#/app/invitations"
     ui-sref="app.view_invitations">
    <i class="icon ion-person-stalker"></i>
    <span translate>MENU.INVITATIONS</span>
    <span class="badge badge-positive"
          ng-if="walletData.invitations.unreadCount">{{walletData.invitations.unreadCount}}</span>
  </a>

  <a menu-close class="item item-icon-left" active-link="active"
            active-link-path-prefix="#/app/user/message"
            ng-class="{'item-menu-disable': !login}"
            ui-sref="app.user_message.tab_inbox">
    <i class="icon ion-email"></i>
    <span translate>MENU.MESSAGES</span>
    <span class="badge badge-positive"
          ng-if="walletData.messages.unreadCount">{{walletData.messages.unreadCount}}</span>
  </a>

  <a menu-close class="item item-icon-left" active-link="active"
       active-link-path-prefix="#/app/notifications"
       ng-class="{'item-menu-disable': !login}"
       ui-sref="app.view_notifications">
    <i class="icon ion-android-notifications"></i>
    <span translate>MENU.NOTIFICATIONS</span>
    <span class="badge badge-positive"
          ng-if="walletData.notifications.unreadCount">{{walletData.notifications.unreadCount}}</span>
  </a>

</div>
